
<div class="topwrap" id="toTop">
    <div class="topshop">
        <ul class="topleft">
            <li>
                <a href="#">收藏步淘</a>
            </li>
            <li>您好，欢迎来到步淘商城！
                <a href="login.html">请登录</a>
            </li>
            <li>
                <a href="register.html">注册有礼</a>
            </li>
            <li>
                <dl>
                    <dt id="sel_login"><a href="javascript:void(0)">快捷登录</a></dt>
                    <dd>
                        <p>
                            <a href="#" class="baidu_login">百度登录</a>
                        </p>
                        <p>
                            <a href="#" class="zfb_login">支付宝登录</a>
                        </p>
                        <p>
                            <a href="#" class="blog_login">微博登录</a>
                        </p>
                        <p>
                            <a href="#" class="tecent_login">QQ登录</a>
                        </p>
                    </dd>
                </dl>
            </li>
        </ul>
        <ul class="topright">
            <li>400-680-2212</li>
            <li>
                <a href="cart.html">购物车：<span class="count">0</span>件商品</a>
            </li>
            <li>
                <dl>
                    <dt><a href="#">我的步淘<span class="sel"></span></a></dt>
                    <dd>
                        <p>
                            <a href="#">签到换礼</a>
                        </p>
                        <p>
                            <a href="#">我的积分</a>
                        </p>
                        <p>
                            <a href="#">我的订单</a>
                        </p>
                        <p>
                            <a href="#">账户信息</a>
                        </p>
                        <p>
                            <a href="#">我的淘币</a>
                        </p>
                    </dd>
                </dl>
            </li>
            <li>
                <dl>
                    <dt><a href="#">关注我们<span class="sel"></span></a></dt>
                    <dd>
                        <p>
                            <a href="#" class="te_blog">腾讯微博</a>
                        </p>
                        <p>
                            <a href="#" class="sina_blog">新浪微博</a>
                        </p>
                    </dd>
                </dl>
            </li>
            <li>
                <a href="#"><img src="img/index/qd_1.gif"/></a>
            </li>
        </ul>
    </div>
</div>

<div class="header">
    <h2><a href="index.html"><img src="img/index/05_shoplogo.png"/></a></h2>
    <div class="search">
        <form action="">
            <div class="lbg"></div>
            <input type="text" name="usearch" id="usearch" value="" placeholder="关键字"/>
            <button class="btn_search"></button>
        </form>
        <div class="shopkey">
            <a href="#">森马</a>
            <a href="#">巴拉巴拉</a>
            <a href="#">迪士尼</a>
            <a href="#">外套</a>
            <a href="#">针织衫</a>
            <a href="#">羽绒服</a>
            <a href="#">牛仔裤</a>
            <a href="#">女鞋</a>
            <a href="#">男鞋</a>
        </div>
    </div>
    <div class="adver">
        <a href="#"><img src="img/index/hd_safe.jpg"/></a>
        <a href="#"><img src="img/index/hd_wap.jpg"/></a>
    </div>
</div>
<div class="shopnavwrap">
    <div class="shopnav">
        <ul>
            <li>
                <a href="#">首页</a>
            </li>
            <li>
                <a href="#">品牌特卖</a>
            </li>
            <li>
                <a href="#">女装折扣</a>
            </li>
            <li>
                <a href="#">品牌男装</a>
            </li>
            <li>
                <a href="#">积分抽奖<img src="img/index/iPhone.png" alt=""/></a>
            </li>
            <li>
                <a href="#">特价商品<img src="img/index/hot.png" alt=""/></a>
            </li>
            <li>
                <a href="#">签到换礼</a>
            </li>
        </ul>
    </div>
</div>